отцентрировать сайт

mishutko · June 8, 2011

Верстаю свой первый сайт и возникла проблема, сайт загружается не по центру. Ширина сайта - width: 1680px, загружается область левого верхнего угла.

зы. margin: 0 auto; куда только не лепил, не помогло)))

Помогите разобраться плз.

Edited June 8, 2011 by mishutko

ifman · June 8, 2011

Надо писать не padding, а margin.

Смотри.

<body>
<div style="margin:0px auto;width:70%;border: 1px solid red;"></div>
</body>

Такая штука отцентрирует див.

buddah · June 8, 2011

margin: 0 auto

mishutko · June 8, 2011

извеняюсь, я имел введу margin.

И еще немного помогите с яваскриптом)

Есть 4 блока, у каждого свой id -допустим k1, k2, k3, k4.

И так же есть 4 кнопки(типа меню=)). При нажатии на кнопку, 3 блока должны быть display: none; а один display: block;

К чему это я все, допустим загружается страница - изначально display: block; на блоке "О компании" все остальные 3 display: none; Нажимаю кнопку и на его месте появляется другой блок, а этот исчезает. Надеюсь я вас не запутал)

Пока я осуществил работу только 2х кнопок, но таким методом все 4 вряд ли получиться.

<ul id="kn2">
        <li><a href="#" title="О компании" onclick="document.getElementById('okom').style.display='block'" onfocus="document.getElementById('stat').style.display='none'">О компании</a></li>

        </ul>
        <ul id="kn3">
        <li><a href="#" title="Статьи"onclick="document.getElementById('stat').style.display='block'" onfocus="document.getElementById('okom').style.display='none'">Статьи</a></li>
        </ul>

Edited June 8, 2011 by mishutko

sigma77 · June 9, 2011

mishutko,

Доктайп задан? Не центруется во всех браузерах?

Какие-то еще стили к блоку применяются?

Int · June 9, 2011

<button onclick="show(1)">k1</button>

function show(num)
{
for (i=1; i<=4; i++) document.getElementById('k'+i).style.display='none';
document.getElementById('k'+num).style.display='block';
}

//В слове "получиться" ударение падает на и. Ты действительно хотел написать именно это слово?

ifman · June 9, 2011

Делай одну функцию обработки нажатия на ссылки. Например в jQuery как-то так:


$('.button').click(function()    {
	$('.text-block').hide();
	var text_block_id = $(this).attr('rel');
	$('#'+text_block_id).show();
});

Сперва прячем все элементы с классом "text-block". Потом получаем id нужного текстового блока из атрибута rel кнопки. Затем показываем этот блок. HTML будет примерно таким:

<input type="button" class="button" rel="block1"/>
<input type="button" class="button" rel="block2"/>
<input type="button" class="button" rel="block3"/>
<div id="block1" class="text-block">text</div>
<div id="block2" class="text-block">text</div>
<div id="block3" class="text-block">text</div>

Похожая фигня сделана на моей визитке, например.

mishutko · June 9, 2011

спасибо за ответы, буду пробовать.)

buddah · June 9, 2011

Похожая фигня сделана на моей визитке, например.

Очень крутая визитка! (и я это говорю не только как ярый поклонник всех фаллаутов )

Sign In

отцентрировать сайт

Question

mishutko

Link to comment

Share on other sites

8 answers to this question

Recommended Posts

ifman

Link to comment

Share on other sites

buddah

Link to comment

Share on other sites

mishutko

Link to comment

Share on other sites

sigma77

Link to comment

Share on other sites

Int

Link to comment

Share on other sites

ifman

Link to comment

Share on other sites

mishutko

Link to comment

Share on other sites

buddah

Link to comment

Share on other sites

Join the conversation

Обсуждения

Forums

Important Information